<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	</head>
	
    <body>
        <!-- required libraries -->
        <script type="text/javascript" src="dist/default/all.js"></script>
        
        <script type="text/javascript" src="static/framework/js/class-name-injection.js"></script>
        
        <script type="text/javascript">
        	var sk = new Sketch();
        	var lbl = new JOOLabel({lbl: 'AAAAA'});
        	sk.addChild(lbl);
        	lbl.addEventListener('ninja.shogun', function(e) {
        		e.stopPropagation();
        	});
        	sk.addEventListener('shogun.master', function() {
        		console.log('shogun.master');
        	});
        	sk.addEventListener('ninja.shogun', function() {
        		console.log('ninja.shogun');
        	});
        	var handler = function() {
        		console.log('ninja.master 1');
        	};
        	sk.addEventListener('ninja.master', handler);
        	sk.addEventListener('ninja.master', function() {
        		console.log('ninja.master 2');
        	});
        	sk.addEventListener('ninja', function() {
        		console.log('ninja');
        	});
        	
        	console.log('---- NINJA ----');
        	lbl.dispatchEvent('ninja');
        	
        	console.log('---- NINJA.SHOGUN ----');
        	lbl.dispatchEvent('ninja.shogun');
        	
        	console.log('---- NINJA.MASTER ----');
        	lbl.dispatchEvent('ninja.master');
        	
        	console.log('---- SHOGUN ----');
        	lbl.dispatchEvent('shogun');
        	
        	sk.removeEventListener();
        	console.log('---- NINJA ----');
        	lbl.dispatchEvent('ninja');
        	
        	console.log('---- NINJA.MASTER ----');
        	lbl.dispatchEvent('ninja.master');
        	
        	console.log('---- SHOGUN ----');
        	lbl.dispatchEvent('shogun');
        </script>
</body>
</html>